<template>
  <div>
    <!-- 公共样式部分 -->
    <div class="box">
      <div class="box-register">
        <div class="register-header">
          <div class="imgs"
               @click="to">
            <el-image :src="url" fit="fill" class="image"></el-image>
          </div>
        </div>
        <forgetMore></forgetMore>
      </div>
    </div>
  </div>

</template>

<script>
import forgetMore from './ForgetMore.vue'
export default {
  data () {
    return {
      url: 'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg',
    }
  },
  components:{
    forgetMore
  },
  methods: {
    to () {
      this.$router.push('/home/welcome')
    },
  }
}
</script>

<style>
/*  */
.box {
  width: 100%;
  height: 730px;
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-register {
  width: 900px;
  height: 450px;
  border-radius: 5px;
  /* box-shadow: 0 2px 2px 3px rgba(0, 0, 0, 0.2); */
  background-color: #fff;
}
.register-header {
  width: 100%;
  height: 120px;
  background-color: #cac0b6;
  border-radius: 5px 5px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgs {
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #ffffff;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
}
.imgs .image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
</style>
